.container {
    height: calc(100vh - 50px);
}

.sider {
    height: 100vh;
    background: -webkit-linear-gradient(bottom, #3d6df8, #5b8cff);
    position: relative;
    box-shadow: 2px 0 6px rgb(0 21 41 / 35%);
    overflow-x: hidden;
}

.sider>:first-child {
    margin: 16px auto;
    width: 100%;
    height: auto;
}

.sider>:last-child {
    position: absolute;
    bottom: 0;
}

.sider .el-menu {
    border: none;
}

.sider .el-menu-item:hover {
    background-color: #f5f5ff !important;
    color: #43a7fe !important;
}

.sider .el-menu-item:hover i {
    color: #43a7fe !important;
}

.sider .is-active {
    background-color: #fff !important;
}

.sider .is-active:hover {
    background-color: #fff !important;
}

.sider i[class*="icon"] {
    color: #fff;
}

.header {
    padding: 0!important;
}
